<ion-navbar *navbar primary>
  <ion-buttons start>
    <button royal>
      <ion-icon name="search"></ion-icon>
    </button>
  </ion-buttons>
  <ion-title>新轻美心语</ion-title>
  <!--
  <ion-buttons end>
    <button royal>
      <ion-icon name="person-add"></ion-icon>
    </button>
  </ion-buttons>
  -->
</ion-navbar>

<!--
<ion-content padding class="page1">
  <h2>Welcome to Ionic!</h2>
  <p>
    This starter project comes with simple tabs-based layout for apps
    that are going to primarily use a Tabbed UI.
  </p>
  <p>
    Take a look at the <code>app/</code> directory to add or change tabs,
    update any existing page or create new pages.
  </p>
</ion-content>
-->

<ion-content class="card-background-page">

  <ion-card>
    <img src="img/1.png"/>
    <div class="card-title">脸部</div>
    <div class="card-subtitle">轻美日记</div>
  </ion-card>

  <ion-card>
    <img src="img/2.jpg"/>
    <!--
    <div class="card-title">Amsterdam</div>
    <div class="card-subtitle">64 Listings</div>
    -->
  </ion-card>

  <ion-card>
    <img src="img/3.png"/>
    <div class="card-title">San Francisco</div>
    <div class="card-subtitle" style="color: #000;">旧金山梦幻新娘妆</div>
  </ion-card>

  <ion-card>
    <img src="img/xx.jpg" (click)="openPage()" />
    <!--
    <div class="card-title">San Francisco</div>
    <div class="card-subtitle" style="color: #000;">旧金山梦幻新娘妆</div>
    -->
  </ion-card>

</ion-content>
